<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:fn="http://xmlns.jcp.org/jsp/jstl/functions">
          
    <h2>Tus ofertas</h2>
    <p:dataTable sortMode="descending" sortBy="#{ofe.ofeFecAlta}" paginator="true" rows="10" paginatorAlwaysVisible="false" rowsPerPageTemplate="10,15,20,50" rowKey="#{ofe.idOferta}" id="dataTable2" var="ofe" value="#{cOfe.vListaOfertas}" style="font-size: small">  
        <p:column sortBy="#{ofe.idOferta}" headerText="ID">  
            <h:outputText value="#{ofe.idOferta}" />  
        </p:column>
        <p:column sortBy="#{ofe.ofeFecalta}" headerText="Fecha Alta">  
            <h:outputText value="#{ofe.ofeFecalta}" />  
        </p:column>
        <p:column sortBy="#{ofe.ofeFecfin}" headerText="Fecha Fin">  
            <h:outputText value="#{ofe.ofeFecfin}" />  
        </p:column>
        <p:column sortBy="#{ofe.ofeTitulo}" headerText="Titulo">  
            <p:commandLink id="LinkVer" type="button" value="#{ofe.ofeTitulo}" rendered="#{!ofe.ofeFecfin.before(cOfe.fechaAhora)}" style="color: green"/>
            <p:overlayPanel id="detallePanel1" for="LinkVer" hideEffect="fade" style="width: 320px;height: 120px;">
                <p:scrollPanel style="width: 300px;height: 100px;border: hidden">
                    <h:outputText escape="false" value="#{ofe.ofeDescripcion}" style="white-space:pre-line;"/>                                    
                </p:scrollPanel>
            </p:overlayPanel>
            <p:commandLink id="LinkVer2" type="button" value="#{ofe.ofeTitulo}" rendered="#{ofe.ofeFecfin.before(cOfe.fechaAhora)}" style="color: red" />
            <p:overlayPanel id="detallePanel2" for="LinkVer2" hideEffect="fade" style="width: 320px;height: 120px;">
                <p:scrollPanel style="width: 300px;height: 100px;border: hidden">
                    <h:outputText escape="false" value="#{ofe.ofeDescripcion}" style="white-space:pre-line;"/>                                    
                </p:scrollPanel>
            </p:overlayPanel>
        </p:column>  
        <p:column sortBy="#{ofe.ofePrecio}" headerText="Precio">  
            <h:outputText value="#{ofe.ofePrecio}" />  
        </p:column>
        <p:column sortBy="#{ofe.ofeAhorro}" headerText="Ahorro">  
            <h:outputText value="#{ofe.ofeAhorro}" />  
        </p:column>
        <p:column sortBy="#{ofe.ofeMaxpordia}" headerText="Max.Dia">  
            <h:outputText value="#{ofe.ofeMaxpordia}" />  
        </p:column>
        <p:column sortBy="#{ofe.ofePeriodovalidez}" headerText="Validez">  
            <h:outputText value="#{ofe.ofePeriodovalidez}" />  
        </p:column>
        <p:column headerText="#{msg.solic_opciones}">  
            <p:commandButton value="Borrar" actionListener="#{cOfe.actuBorrarOferta(ofe.idOferta)}" update=" dataTable2">  
                <p:confirm header="Confirmar" message="¿Borrar la oferta?" icon="ui-icon-alert" />  
            </p:commandButton>  
            <p:confirmDialog width="400" global="true" showEffect="fade" hideEffect="explode">  
                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
            </p:confirmDialog>  
            
        </p:column> 
        </p:dataTable>  
</ui:composition>